
.container{
}
.shop-payment-content{
	padding: 20rpx 30rpx;
}
.address-payment-content{
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 28rpx;
	.address-box{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}

.shopping-cart-item{
	display: flex;
	background-color: #fff;
	border-radius: 10rpx;
	padding: 20rpx;
}

.img-box{
	width: 20vw;
	height:20vw;
	margin-right: 20rpx;
	flex-shrink: 0;
	img{
		width: 100%;
		height: 100%;
		border-radius: 10rpx;
	}
}
.address-payment-content{
	background-color: #fff;
	margin-bottom: 10rpx;
	position: relative;
}
.address-payment-content::before{
	position: absolute;
	content: '';
	width: 100%;
	bottom: 0;
	left: 0%;
	height: 10rpx;
	background: linear-gradient( 70deg,
		  #0c69cc 0%,  #0c69cc 5%,
		  rgba(0,0,0,0) 5%,rgba(0,0,0,0) 10%,
		#cc282b 10%,#cc282b 15%,
		 rgba(0,0,0,0) 15%,rgba(0,0,0,0) 20%,
		 #0c69cc 20%,  #0c69cc 25%,
		rgba(0,0,0,0) 25%,rgba(0,0,0,0) 30%,
		#cc282b 30%,#cc282b 35%,
		rgba(0,0,0,0) 35%,rgba(0,0,0,0) 40%,
		#0c69cc 40%,  #0c69cc 45%,
		  rgba(0,0,0,0) 45%,rgba(0,0,0,0) 50%,
		#cc282b 50%,#cc282b 55%,
		 rgba(0,0,0,0) 55%,rgba(0,0,0,0) 60%,
		 #0c69cc 60%,  #0c69cc 65%,
		   rgba(0,0,0,0) 65%,rgba(0,0,0,0) 70%,
		 #cc282b 70%,#cc282b 75%,
		  rgba(0,0,0,0) 75%,rgba(0,0,0,0) 80%,
		  #0c69cc 80%,  #0c69cc 85%,
		    rgba(0,0,0,0) 85%,rgba(0,0,0,0) 90%,
		  #cc282b 90%,#cc282b 95%,
		   rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%,
	  );
	
}
.footer-bottom-box{
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 30rpx;
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	border-top: 1px solid #ddd;
}